$(function(){
var href  = window.location.href;
var hrefStript = href.split("=");
$.getJSON("js/detail_part1.json",function(data){
	var dataArray =data;
	var index = 0;
	var html_one= '';
	for( var i in dataArray ){
		var dataLength = dataArray[i];
		if(hrefStript[1] == index++){
			for( var i=0; i<dataLength.length; i++){
				html_one+="<ul class='ul_1'><li><a href=''>"+dataLength[i].first_1+"</a></li><li>"+dataLength[i].first_2+"</li><li><a href=''>"+dataLength[i].first_3+"</a></li><li>"+dataLength[i].first_4+"</li><li><a href=''>"+dataLength[i].first_5+"</a></li></ul>";		
			}
			$(".banner_detail .part_1").html(html_one);
		}
	}
})
//、、、、、、、、、、、、、、、、、、、、、以上已经ok-----------------------------
$.getJSON("js/detail_part21.json",function(data){
	var dataArray =data;
	var index = 0;
	var html_one= '';
	for( var i in dataArray ){
		var dataLength = dataArray[i];
		if(hrefStript[1] == index++){
			for( var i=0; i<dataLength.length; i++){
				html_one+="<div class='middle'></div><div class='right'><div class='top1'><ul><li>产品名称："+dataLength[i].li1+"</li><li>市场价格："+dataLength[i].li2+"</li><li>商城价格："+dataLength[i].li3+"</li><li>副石说明："+dataLength[i].li4+"</li><li>选用材质："+dataLength[i].li5+"</li><li>钻石重量："+dataLength[i].li6+"</li><li>手寸："+dataLength[i].li7+"</li><li>刻字："+dataLength[i].li8+"</li><li>价格说明："+dataLength[i].li9+"</li><li>证书说明："+dataLength[i].li10+"</li><li>特别说明："+dataLength[i].li11+"</li><li>库存配送："+dataLength[i].li12+"</li><li>备注："+dataLength[i].li13+"</li></ul><input type='button' id='btn_cart' value='加入珠宝箱'/></div>";		
			}
			$(".banner_detail .right_big").html(html_one);
		}
	}
})

$.getJSON("js/detail_part3.json",function(data){
	var dataArray =data;
	var index = 0;
	var html_three= '';
	for( var i in dataArray ){
		var dataLength = dataArray[i];
		if(hrefStript[1] == index++){
			for( var i=0; i<dataLength.length; i++){
				html_three+="<div class='left'><div class='con1'><div class='head'><p>"+dataLength[i].p1+"</p></div><div class='body'><img src='img-list/"+dataLength[i].img1+"'/></div></div><div class='con2'><div class='head'><p>"+dataLength[i].p2+"</p></div><div class='body'><img src='img-list/"+dataLength[i].left1+"'/><p>"+dataLength[i].pl1+"</p><img src='img-list/"+dataLength[i].left2+"'/><p>"+dataLength[i].pl2+"</p><img src='img-list/"+dataLength[i].left3+"'/><p>"+dataLength[i].pl3+"</p><img src='img-list/"+dataLength[i].left4+"'/><p>"+dataLength[i].pl4+"</p><img src='img-list/"+dataLength[i].left5+"'/><p>"+dataLength[i].pl5+"</p></div></div><div class='con3'><div class='head'><p>"+dataLength[i].p3+"</p></div><div class='body'><img src='img-list/"+dataLength[i].img2+"'/></div></div></div><div class='right'><img src='img-list/"+dataLength[i].imgr+"'/></div>"
		
			}
			$(".banner_detail .part_3").html(html_three);
		}
	}
})		
//--------------------放大镜--------------------------------
$.getJSON('js/detailPage.json',function(data){
		for( var i in data ){
			var datail = data[i];
			for(var i = 0; i<datail.length; i++){
				var datall = datail[i]
				if(hrefStript[1] == datall.title){
					//console.log(datall.title)
					$(".jqzoom").html( "<img src='img-list/"+datall.daimg1+"'>" )
					
					$.each($(".items>ul>li"), function(n) {
						$(".items>ul>li").eq(n).html( "<img src='img-list/"+datall["img"+n]+"'>" );
					})
					
					//放大镜，缩略图
					$(".glass_box").html(  "<img src='img-list/"+datall.daimg1+"'>" );  //放大镜初始化
					
					$(".items>ul>li").click( function(){
						var index = $(this).index();
						$(".jqzoom").html( "<img src=img-list/"+datall["img"+index]+">" );
						$(".glass_box").html( "<img src=img-list/"+datall["img"+index]+">" );
					} )
			
					break;
				}
				
			}
			
		}
	
	})//$.getJSON结束符	

$(".next").click( function(){
	$(".items ul").animate({"left":"-80"})
} )
$(".prev").click( function(){
	$(".items ul").animate({"left":"0"})
} )
	
//////////////放大镜开始///////////////////
	$(".spec_preview").mousemove( function(e){
		var e = e || window.event;
		var x = Math.ceil( e.clientX ) - $(this).offset().left-100;
		var y =Math.ceil( e.clientY ) - $(this).offset().top-100;
		if(x<=0)x=0;
		if(y<=0)y=0;
		if(x>=218)x=218;
		if(y>=218)y=218;
		$(".glass").css("left",x+"px")
		$(".glass").css("top",y+"px")
		$(".glass_box>img").css("left",x*-2.3+"px");
		$(".glass_box>img").css("top",y*-2.3+"px");
	} );
	$(".spec_preview").mouseout( function(){
		$(".glass").hide();
		$(".glass_box").hide();
	} )
	$(".spec_preview").mouseover( function(){
		$(".glass").show();
		$(".glass_box").show();
	} )
/////////////放大镜结束////////////////////

	
	
	
	
	
	
})//结束




